<script setup>

</script>


<template>
    <el-container>
        <el-header>
            <el-row>
                <el-col :span="4" style="display: flex; flex-direction: row; align-items: center">
                    <img src="@/assets/images/logo.png" style="height: 60px;">
                    <h2 style="padding-left: 4px;">技术社区</h2>
                </el-col>
                <el-col :span="8">
                    <el-menu default-active="activeIndex" mode="horizontal" style="border-bottom: none !important;">
                        <el-menu-item index="1">
                            <router-link to="/">首页</router-link>
                        </el-menu-item>
                        <el-menu-item index="2"><router-link to="/person">文章</router-link></el-menu-item>
                        <el-menu-item index="3">课程</el-menu-item>
                        <el-menu-item index="4">
                            <router-link to="/shangcheng">商城</router-link>
                        </el-menu-item>
                    </el-menu>
                </el-col>
                <el-col :span="8" style="height: 60px; line-height: 60px;" class="hidden-xs-only">
                    <el-input placeholder="请输入关键字"></el-input>
                </el-col>
                <el-col :span="4" style="text-align: right; height: 60px; line-height: 60px;" class="hidden-xs-only">
                     <router-link to="/login">登录</router-link>
                     <el-button type="text" @click="goToRegister">注册</el-button>
                 </el-col>
            </el-row>
        </el-header>
    </el-container>
</template>